<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<!-- 使用IE最高版本内核渲染 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!--[if lt IE 9]>
        为了解决ie9以下浏览器对H5新增元素不识别，并导致CSS不起作用的问题
      <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
        为了解决ie9以下浏览器对CSS3Media Query媒体查询不识别的问题
      <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="./css/index.css">
		<title>bootstrap博客</title>
	</head>
	<body>

		<div class="bg">
			<img src="img/header-bg.jpg" alt="">
			<div class="container">
				<div class="row quotes col-md-5 hidden-xs">
					<h3>我想离开浪浪山</h3>
					<p>我想离开浪浪山 去远方看看

						毕竟人生苦短 怕什么兜兜转转

						就算这一路上 多少磕磕绊绊

						向前看 就能找到答案

						多少怀揣梦想 悸动的少年

						想要奔向远方 看一看那外面的世界

						微风轻轻拂过 书本又翻阅过了一页

						期待又恐惧 外面那些 未知的一切

						有人鼓励也有人在规劝

						浪浪山 外面处处都充斥着危险

						有人失败也有人如了愿
					</p>
				</div>
			</div>
		</div>

		<div class="navbg">
			<div class="container">
				<div class="row">
					<header>
						<div class="nav">
							<ul>
								<li><a href="#" class="glyphicon glyphicon-home">首页</a></li>
								<li><a href="#" class="glyphicon glyphicon-folder-open">归档</a></li>
								<li><a href="#" class="glyphicon glyphicon-envelope">留言</a></li>
								<li><a href="#" class="glyphicon glyphicon-picture">相册</a></li>
								<li><a href="#" class="glyphicon glyphicon-paperclip">链接</a></li>
							</ul>
						</div>
					</header>
				</div>
			</div>
		</div>

		<!-- 中间s -->
		<article>
			<div class="container">
				<div class="row">
					<div class="info-fl col-md-3 hidden-xs hidden-sm">
						<div class="myphoto">
							<img src="img/myphoto.jpg" alt="" class="img-circle">
						</div>

						<div class="row intro">
							<h4>柒陌</h4>
							<p>往事是尘封在记忆中的梦，而你是我唯一鲜明的记忆，那绿叶上的水珠，是思念的泪滴。</p>
						</div>

						<div class="row fensi">
							<h4>粉丝：167</h4>
							<a href="#">私信</a><a href="#">相册</a><a href="#">存档</a>
						</div>

						<div class="row">
							<div class="title">最新照片</div>
							<ul class="pic">
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
								<li><img src="img/item.jpg" alt=""></li>
							</ul>
						</div>
						<div class="row">
							<div class="title">我的音乐 </div>
							<div class="video">
								<div class="row">
									<div class="col-md-5">
										<img src="./img/photo.jpg" alt="">
									</div>
									<div class="col-md-7">
										<p>我想离开浪浪山</p>
										<p>歌手：大川Dietry</p>
									</div>
								</div>
								<div class="video-pic">
									<img class="div_a" src="./img/pin.png" alt="">
									<div class="div_b">
										<img src="./img/18.jpg" alt="">
									</div>
								</div>
								<div class="row">
									<audio class="col-md-12" src="music/我想离开浪浪山.mp3" controls="" autoplay=""></audio>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-9">
						<!-- 发表 -->
						<div class="publish">
							<div class="row">
								<div class="col-sm-9">
									<h3>小程序页面跳转使用转码与解码传递对象</h3>
									<p class="text-muted">bobo 发布于 2023-02-02</p>
									<p class="hidden-xs">
										在小程序开发过程中，我们经常会涉及到页面的跳转，在页面的跳转中，需要向下一个页面传递参数，有时候为了防止数据外漏，我们可以进行数据转码，等跳转后再解码！简单介绍：•将对象转换成
										JSon 字符串•var infoStr = JSON.stringify(str)•利用编码函数
									</p>
									<p class="text-muted">点赞（145）阅读（6300）评论（1566）</p>
								</div>
								<div class="col-sm-3 pic2">
									<img src="img/item.jpg" alt="" class="hidden-xs">
								</div>
							</div>
							<div class="row">
								<div class="col-sm-9">
									<h3>小程序页面跳转使用转码与解码传递对象</h3>
									<p class="text-muted">bobo 发布于 2023-02-02</p>
									<p class="hidden-xs">
										在小程序开发过程中，我们经常会涉及到页面的跳转，在页面的跳转中，需要向下一个页面传递参数，有时候为了防止数据外漏，我们可以进行数据转码，等跳转后再解码！简单介绍：•将对象转换成
										JSon 字符串•var infoStr = JSON.stringify(str)•利用编码函数
									</p>
									<p class="text-muted">点赞（145）阅读（6300）评论（1566）</p>
								</div>
								<div class="col-sm-3 pic2">
									<img src="img/item.jpg" alt="" class="hidden-xs">
								</div>
							</div>
							<div class="row">
								<div class="col-sm-9">
									<h3>小程序页面跳转使用转码与解码传递对象</h3>
									<p class="text-muted">bobo 发布于 2023-02-02</p>
									<p class="hidden-xs">
										在小程序开发过程中，我们经常会涉及到页面的跳转，在页面的跳转中，需要向下一个页面传递参数，有时候为了防止数据外漏，我们可以进行数据转码，等跳转后再解码！简单介绍：•将对象转换成
										JSon 字符串•var infoStr = JSON.stringify(str)•利用编码函数
									</p>
									<p class="text-muted">点赞（145）阅读（6300）评论（1566）</p>
								</div>
								<div class="col-sm-3 pic2">
									<img src="img/item.jpg" alt="" class="hidden-xs">
								</div>
							</div>
							<div class="row">
								<div class="col-sm-9">
									<h3>小程序页面跳转使用转码与解码传递对象</h3>
									<p class="text-muted">bobo 发布于 2023-02-02</p>
									<p class="hidden-xs">
										在小程序开发过程中，我们经常会涉及到页面的跳转，在页面的跳转中，需要向下一个页面传递参数，有时候为了防止数据外漏，我们可以进行数据转码，等跳转后再解码！简单介绍：•将对象转换成
										JSon 字符串•var infoStr = JSON.stringify(str)•利用编码函数
									</p>
									<p class="text-muted">点赞（145）阅读（6300）评论（1566）</p>
								</div>
								<div class="col-sm-3 pic2">
									<img src="img/item.jpg" alt="" class="hidden-xs">
								</div>
							</div>
							<div class="row">
								<div class="col-sm-9">
									<h3>小程序页面跳转使用转码与解码传递对象</h3>
									<p class="text-muted">bobo 发布于 2023-02-02</p>
									<p class="hidden-xs">
										在小程序开发过程中，我们经常会涉及到页面的跳转，在页面的跳转中，需要向下一个页面传递参数，有时候为了防止数据外漏，我们可以进行数据转码，等跳转后再解码！简单介绍：•将对象转换成
										JSon 字符串•var infoStr = JSON.stringify(str)•利用编码函数
									</p>
									<p class="text-muted">点赞（145）阅读（6300）评论（1566）</p>
								</div>
								<div class="col-sm-3 pic2">
									<img src="img/item.jpg" alt="" class="hidden-xs">
								</div>
							</div>
							<div class="row">
								<div class="col-sm-9">
									<h3>小程序页面跳转使用转码与解码传递对象</h3>
									<p class="text-muted">bobo 发布于 2023-02-02</p>
									<p class="hidden-xs">
										在小程序开发过程中，我们经常会涉及到页面的跳转，在页面的跳转中，需要向下一个页面传递参数，有时候为了防止数据外漏，我们可以进行数据转码，等跳转后再解码！简单介绍：•将对象转换成
										JSon 字符串•var infoStr = JSON.stringify(str)•利用编码函数
									</p>
									<p class="text-muted">点赞（145）阅读（6300）评论（1566）</p>
								</div>
								<div class="col-sm-3 pic2">
									<img src="img/item.jpg" alt="" class="hidden-xs">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
		<!-- 中间e -->

		<footer>
			<!-- <div class="container"> -->
			<p>Design by 2022/02/02 星期八 天气晴朗 柒陌个人博客模板</p>
			<!-- </div> -->
		</footer>
	</body>
</html>
